import React from 'react';
import {Text, Image, View, StyleSheet} from 'react-native';
import {Container} from '@/rcomponents';
const {version} = require('../../../package.json');

const styles = StyleSheet.create({
  appInfoView: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  appNameTxt: {
    fontSize: 32,
    fontWeight: 'bold',
  },
  copyrightView: {
    width: '100%',
    position: 'absolute',
    bottom: 5,
    alignItems: 'center',
  },
  copyrightTxt: {
    fontSize: 10,
    fontWeight: '100',
    color: 'grey',
  },
});
const AboutScreen = ({}) => {
  const year = new Date().getFullYear();
  return (
    <Container>
      <View style={styles.appInfoView}>
        <Image source={require('@/assets/images/logo.png')} />
        <Text style={styles.appNameTxt}>掌上维管</Text>
        <Text>Version {version}</Text>
      </View>
      <View style={styles.copyrightView}>
        <Text style={styles.copyrightTxt}>长龙航空公司 版权所有</Text>
        <Text style={styles.copyrightTxt}>Copyright © {year} Loongair</Text>
        <Text style={styles.copyrightTxt}>All Rights Reserved</Text>
      </View>
    </Container>
  );
};

AboutScreen.routeName = 'AboutScreen';
export default AboutScreen;
